.content{}

.serve-banner {padding:15px 5px;border:1px #858b91 solid; background: #091b31;margin-bottom:20px;color:#fff;}
.serve-banner span{font-size:16px;color:#fff;}
.serve-banner #date-input{margin-left:3px;}
.serve-banner   input{height:24px;}
.serve-banner  .input{ background:linear-gradient(#465782,#1f2b45);border:none;width:50px;height:25px;margin: auto;color:#fff;}
.serve-banner  .input:hover{background: linear-gradient(#6072a2,#313f62);}
.serve-banner  .input:focus{background:#1172c9;}
.input2{ background:linear-gradient(#465782,#1f2b45);border:none;width:80px;height:30px;color:#fff;font-size:14px;margin-left:15px;}
.input2:hover{background: linear-gradient(#6072a2,#313f62);}

.input3{ background:linear-gradient(#465782,#1f2b45);border:none;width:50px;height:30px;margin: auto;color:#fff;font-size:14px;}
.input3:hover{background: linear-gradient(#6072a2,#313f62);color:#fff;}

.content h2{font-size:22px;color:#717276;margin-bottom:30px;margin-top:0px;}
.content h2 span{font-size:16px;}
.content h3{text-align:center;color:#fff !important;text-shadow:none;}
.content h4{margin-bottom:20px;}
.content p span{margin-right:10px;cursor:pointer;}
.content i{color:#FF743D;margin-right:5px;}

.recipesList{width:100%;display:flex;}
.modal-content{top:50px;z-index: 999;}

.active_red{background:#374862;border:0px;}
.active_red:focus{background:#374862 !important;}

.box{width:14%;position:relative;margin-right:10px; max-height:480px;min-width:180px;}
.box:hover .active_red{background: #ff743d;}
.box button{width:40px;height:20px;background:#374862;float:right;font-size:12px;color:#fff;border:0px; box-shadow:none;outline:none;}
.box button:hover{background: #ff743d !important;}
.box .pa{padding-top:20px;padding-bottom:20px;}
.box .aa{ height: 60px; overflow: auto }
.box .active_redp p{padding-top:15px;padding-bottom:15px;}
.box span:hover{color:#FF743D;}
.box span:focus{color:#FF743D;}

.introduce{width:14%;position:absolute;top:30%;display:none; box-shadow: 0px 0px 5px 2px #ff743d;border-radius:2px;z-index:9999;}
.introduce h4{font-size:14px;line-height: 30px;}
.introduce p{font-size:12px;max-height:300px;}
.introduce .btn{color:#fff;background:#FF743D;width:50px;height:30px;padding:0px;}

.review {margin-top:60px;}
.review button{width:100px;height:30px;background:#fff;color:#333;border-radius:3px;border:1px #ddd solid;margin-left:10px;outline: none;box-shadow: none;}
.review button i{margin:0 10px;}
.review button:hover{border:0px;box-shadow:none;background:#ff743d;color:#fff;}
.review button:hover i{color:#fff;}

/*表格*/
.fade h4{margin-bottom:0px;}
.add button{ text-shadow:none;}
.add th{border:0px !important;}
.add input{width:174px;}
.add textarea{border:1px #ddd solid;}

/*菜品选择*/
.choose{width:50%;min-width:500px;position:absolute; margin:auto; top: 10%; left: 0; right: 0;bottom: 0;}
.choose h4{text-align: center;}
.choose a{display:block;padding:0 10px;height:24px;line-height:24px;color:#fff;background:#ccc;border-radius:3px;text-align: center;float: left;margin:5px 5px;}
.choose a:hover{background: #ff743d;text-decoration: none;cursor:pointer;}
.choose .bb{background:#ff743d;}
.choose .btn1{width:80px;height:30px;background: #374862;color:#fff;float: right;margin-right:10px;outline: none;box-shadow: none; padding: 0px;}
.choose .btn1:hover{background: #ff743d;}
.choose .modal-body{height:480px;overflow: auto;}

.pa:hover{box-shadow: 0px 0px 5px 2px #ff743d; transition: .5s; z-index: 9999;}

